$(document).ready(function() {
	$('#login').click(function() {
		
                //Getting the variable's value from a link 
//		var loginBox = $(this).attr('href');]
		var loginBox = '#login-box';

		//Fade in the Popup
		$(loginBox).fadeIn(300);
		
		//Set the center alignment padding + border see css style
		var popMargTop = ($(loginBox).height() + 24) / 2; 
		var popMargLeft = ($(loginBox).width() + 24) / 2; 
		
		$(loginBox).css({ 
			'margin-top' : -popMargTop,
			'margin-left' : -popMargLeft
		});
		
		// Add the mask to body
		$('body').append('<div id="mask"></div>');
		var height = $(document).height();
		$('#mask').height(height);
		$('#mask').fadeIn(300);
		
		return false;
	});
	
	// When clicking on the button close or the mask layer the popup closed
//	$('a.close, #mask').live('click', function() {
	$('a.close').click(function() {
	  $('#mask , .login-popup').fadeOut(300 , function() {
		$('#mask').remove();  
	}); 
	return false;
	});
	
	$('#loginSubmit').click(function() {
		if($("#loginId").val()==""){
			$('#message').html("請輸入帳號!");
			return false;
		}
		if($("#loginPassword").val()==""){
			$('#message').html("請輸入密碼!");
			return false;
		}
		if($("#loginValiCode").val()==""){
			$('#message').html("請輸入認證碼!");
			return false;
		}
//		if($("#loginUserid").val()==""){
//			$('#message').html("請輸入身分證字號末五碼!");
//			return false;
//		}
		var form = $('#loginForm');
		form.attr('action', 'login!login.action');
		form.submit();
	});
	
	$("#login-reset").click(function(){
		$("#loginId").val("");
		$("#loginPassword").val("");
		$("#message").text("");
		$("#loginUserid").val("");
		$('#loginValiCode').val("");
		return false;
	});
	
	//檢查驗證碼
//	$('#loginValiCode').change(function() {
//		$('#loginValiCodeErr').remove();
//		errNoSubmit = 0;
//		var param = {'param.valiCode' : $('#loginValiCode').val()};
//		$.post('json/adduser!validataCode.do', param, function(obj) {
//			if(obj.data.valiCode == 'N') {
//				errNoSubmit++;
//				$('#loginValiCode').before($('<div id="loginValiCodeErr" style="color:#FF0000;"></div>').append('驗證碼錯誤!!'));
//				$('#loginValiImg').remove();   
//				$('#loginValiImgDiv').append('<img id="loginValiImg" src="${pageContext.request.contextPath}/validateCode.do"/>');
//			}
//		});
//	});
	
	$('#loginResetValiCode').click(function() {
		var randomNum = Math.floor(Math.random()*(100-0));
		$('#loginValiImg').attr('src', 'validateCode!loginValidateCode.action?randomNum='+randomNum+'');
	});
	
	//shin 20130801 add for test
//	$('#loginTest').click(function() {
//		$('#loginId').val('test12345');
//		$('#loginPassword').val('test');
//		$('#loginUserid').val('56789');
//	});
//	$('#loginTest2').click(function() {
//		$('#loginId').val('Hunter123');
//		$('#loginPassword').val('11111111');
//		$('#loginUserid').val('79381');
//	});
});